<template>
    <div class="container">
        <PieChart />
        <LineChart style="margin-left: 40px;"/>
        <ScatterChart />
        <StackedAreaChart style="margin-left: 40px;"/>
    </div>
</template>

<script>
import PieChart from '@/components/PieChart.vue';
import LineChart from '@/components/LineChart.vue';
import ScatterChart from '@/components/ScatterChart';
import StackedAreaChart from '@/components/StackedAreaChart.vue';

export default {
    name: 'ECharts',
    components: {
        PieChart,
        LineChart,
        ScatterChart,
        StackedAreaChart,
    },
    mounted() {
        
    }

};
</script>
<style scoped>
.container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    
}

</style>